<?php if (!defined('THINK_PATH')) exit();?>﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="/thinkphp/Public/bootstrap2.3.2/css/bootstrap.min.css" rel="stylesheet" />
    <title></title>
    <link href="/thinkphp/Public/css/Common.css" rel="stylesheet" />
    <link href="/thinkphp/Public/css/Index2.css" rel="stylesheet" />
    <script type="text/javascript" charset="utf-8" src="/thinkphp/Public/editor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="/thinkphp/Public/editor/ueditor.all.min.js"> </script>
       <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
       <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="/thinkphp/Public/editor/lang/zh-cn/zh-cn.js"></script>
</head>
<body>
<div class="container-fluid">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">修改回复</h3>
    </div>
    <div class="modal-body">
        <form class="form-horizontal" method="post" enctype="multipart/form-data"
        >
            <div class="control-group">
                <label class="control-label">关键字</label>
                <div class="controls" id="keyword">
                </div>
            </div>
            <div class="control-group">
                <label class="control-label">类型</label>
                <div class="controls">
                    <input type="radio" name='type' value="1" <?php if(($data["type"]) == "1"): ?>checked<?php endif; ?>/>文本　
                    <input type="radio" name='type' value="2" <?php if(($data["type"]) == "2"): ?>checked<?php endif; ?>/>图文　
                    <input type="radio" name="type" value="3" <?php if(($data["type"]) == "3"): ?>checked<?php endif; ?>/>事件
                </div>
            </div>
            <div class="control-group">
                <label class="control-label">回复内容</label>
                <div class="controls">
                    <input type="text" name="content" placeholder="回复内容" value="<?php echo ($data["content"]); ?>">
                </div>
            </div>
            <div class="control-group img">
                <label class="control-label">上传图片</label>
                <div class="controls">
                    <input type="file" name="file">
                </div>
            </div>
            <div class="control-group img">
                <label class="control-label">原始图片</label>
                <div class="controls">
                    <img src="/thinkphp/Public/<?php echo ($data["img"]); ?>" alt="无原始图片">
                </div>
            </div>
            <input type="hidden" name="id" value="<?php echo ($data["id"]); ?>">
        </form>
    </div>
    <div class="modal-footer">
        <button class="btn" onclick='history.go(-1)'>返回</button>
        <button class="btn btn-primary" id="add" onclick="add();">保存</button>
    </div>
</div>

	<script src="/thinkphp/Public/js/jquery-1.9.1.min.js"></script>
    <script src="/thinkphp/Public/bootstrap2.3.2/js/bootstrap.min.js"></script>
    <script src="/thinkphp/Public/layer-v2.3/layer/layer.js"></script>
    <script src="/thinkphp/Public/js/Index2.js"></script>
</body>
</html>
<script>
    //拼接select
    var arr = <?php echo ($keyword); ?>;
    var select = '<select name="keyword">';
    for(var i in arr){
        select += '<option value="'+arr[i]+'">'+arr[i]+'</option>';
    }
    select += '</select>';
    //拼接input
    var input = '<input type="text" class="keyword" name="keyword" placeholder="关键字">';
    //根据类型显示和隐藏相应的输入框
    $("input[type='radio']").click(function(){
        var val = $(this).val();
        if(val == 1){
            $('.img input,.event input').val('');
            $('.img,.event').hide();
            $('#keyword').html(input);
            $('.keyword').val('<?php echo ($data["keyword"]); ?>');
            $('.text').show();
        }else if(val == 2){
            $('.text input,.event input').val('');
            $('.text,.event').hide();
            $('#keyword').html(input);
            $('.keyword').val('<?php echo ($data["keyword"]); ?>');
            $('.img').show();
        }else{
            $('.text input,.img input').val('');
            $('.text,.img').hide();
            $('#keyword').html(select);
            $("option[value='<?php echo ($data["keyword"]); ?>']").attr('selected',true);
            $('.event').show();
        }
    });
    $("input:checked").click();
</script>